<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="author" content="100200cs"/>

    <title>[title]</title>

    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery.cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="https://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js"></script>

    <!--<link rel="stylesheet" href="./static/lib/diygw-mobile-all.min.css" />-->
    <link rel="stylesheet" href="./static/icons/css/font-awesome.min.css">
    <!--<link href="//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">-->

    <style type="text/css">

        a{
            color:#000000;
            text-decoration: none;
        }

        .weui-tabbar {
            display: flex;
            position: absolute;
            z-index: 500;
            bottom: 0;

            background-color: rgb(255, 255, 255);
            width: 100%;
            left:0;
            right: 0;
            height: 63px;
            border-top: 1px solid #C0BFC4;
        }

        .weui-tabbar__item {
            display: block;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding: 5px 0 0;
            font-size: 0;
            color: #999999;
            text-align: center;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
            color: #09BB07;
        }

        .weui-tabbar__icon {
            display: inline-block;
            width: 27px;
            height: 27px;
        }

        i.weui-tabbar__icon, .weui-tabbar__icon > i {
            font-size: 24px;
            color: #999999;
        }

        .weui-tabbar__icon img {
            width: 100%;
            height: 100%;
        }

        .weui-tabbar__label {
            text-align: center;
            color: #999999;
            font-size: 10px;
            line-height: 1.8;
            margin-top: 0;
        }


        .weui-tabbar {
            position: fixed;
        }

        .top, .page, .bottom {
            position: absolute;
            left: 0;
            right: 0;
        }

        .top {
            top: 0;
            bottom: 0;
            z-index: 1;
            height: 40px;
        }

        .page {
            top: 0px;
            bottom: 63px;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .bottom {
            bottom: 0;
            z-index: 1;
            min-height: 40px;
        }

        .back::before {
            border-color: #fff;
            border-style: solid;
            border-width: 0 0 2px 2px;
            content: " ";
            display: inline-block;
            height: 8px;
            left: 2px;
            margin-top: -4px;
            position: absolute;
            top: 50%;
            transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
            width: 8px;
        }

        .back {
            color: #fff;
            left: 5px;
            padding-left: 13px;
            position: absolute;
            text-align: right;
            top: 2px;
            display: none;
        }

        .page, body {
            background-color: #f8f8f8;
            font-family: "微软雅黑";
        }

        .container {
            overflow: hidden;
        }

        .page__title {
            padding: 0px;
            background: #000;
            text-align: center;
            color: #fff;
            z-index: 2;
            position: fixed;
            top: 0;
            left: 0;
            height: 40px;
            line-height: 40px;
            width: 100%;
            font-size: 16px;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background-color: #4da39a;
            margin: 0px
        }

        .weui-loadmore {
            width: 65%;
            margin: 1.5em auto;
            line-height: 1.6em;
            font-size: 14px;
            text-align: center;
        }

        .weui-loadmore__tips {
            display: inline-block;
            vertical-align: middle;
        }

        .weui-loadmore_line {
            border-top: 1px solid #E5E5E5;
            margin-top: 2.4em;
        }

        .weui-loadmore_line .weui-loadmore__tips {
            position: relative;
            top: -0.9em;
            padding: 0 .55em;
            background-color: #FFFFFF;
            color: #999999;
        }

        .weui-loadmore_dot .weui-loadmore__tips {
            padding: 0 .16em;
        }

        .weui-loadmore_dot .weui-loadmore__tips:before {
            content: " ";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #E5E5E5;
            display: inline-block;
            position: relative;
            vertical-align: 0;
            top: -0.16em;
        }

    </style>

    <style type="text/css">
        .weui-photo-browser-modal{
            z-index: 1000;
        }

    </style>

    <!--<script charset="utf-8" type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script>-->
    <script charset="utf-8" type="text/javascript" src="./js/temp.js"></script>

    <script type="text/javascript">
        var favor_do=function (id) {
            var returnURL = window.location.href;
            $.ajax({
                url: 'index/index/favor_plus.html',//url
                data: {id: id},
                type: 'POST',// 'POST' or 'GET'
                dataType: 'json',//'json' or 'text' or 'html'

                success: function (data) {
                    if(data['value']=='null'){
                        $.confirm({
                            title: '您尚未登录',
                            text: '是否登录账号？',
                            onOK: function () {
                                window.location.href='/index/login/login?returnURL='+window.location.href;
                            },
                            onCancel: function () {
                            }
                        });
                        return;
                    }

                    console.log("favor_do "+id);
                    $("#favor_done_"+id).children("span").text(" "+data['value']);
                    $("#favor_"+id).css('display',"none");
                    $("#favor_done_"+id).css('display',"block");
                }
            });

        }

        var favor_cancle=function (id) {
            $.ajax({
                url: 'index/index/favor_minus.html',//url
                data: {id: id},
                type: 'POST',// 'POST' or 'GET'
                dataType: 'json',//'json' or 'text' or 'html'

                success: function (data) {
                    console.log("favor_cancle "+id);
                    $("#favor_"+id).children("span").text(" "+data['value']);
                    $("#favor_done_"+id).css('display',"none");
                    $("#favor_"+id).css('display',"block");
                }
            });

        }
    </script>

</head>

<body>


<div class="container">
    <div class="top" style="display: none">
        <div onclick="javascript:history.back(-1);"
             style="color: #ffffff;z-index: 3;height: 40px;width: 30px;
    text-align: center;font-size: 20px;position: absolute;cursor: pointer">

            <i class="fa fa-chevron-left" style="margin-top: 11px"></i>
        </div>
        <h1 class="page__title" >[title]</h1>
    </div>
